<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>个人中心</title>
    <link rel="stylesheet" href="../public/css/base.css"/>
    <link rel="stylesheet" href="../public/css/personal.css"/>
    <script src="../public/js/base.js"></script>
    <script src="../public/js/zepto.min.js"></script>
</head>
<body>
<header class="personal_header">
    <img src="../public/images/snowman.jpg" alt="头像"/>
    <p class="user_name"></p>
</header>
<section class="personal_content">
    <ul class="info_list">
        <li>
            <a href="javascript:;" class="comment">我的评论</a>
        </li>
        <li>
            <a href="javascript:;" class="broswing_history">我的浏览历史</a>
        </li>
        <li>
            <a href="javascript:;" class="share">我的分享</a>
        </li>
        <li>
            <a href="javascript:;" class="concern">我的关注</a>
        </li>
        <li>
            <a href="javascript:;" class="question">常见问题</a>
        </li>
        <li>
            <a href="javascript:;" class="about">关于我们</a>
        </li>
    </ul>
    <a class="exit_immediately" href="login.ejs"></a>
</section>

<!--导航栏-->
<nav class="nav">
    <ul>
        <li>
            <a href="home.ejs" class="bookshop nava">
                <p>书城</p>
            </a>
        </li>
        <li><a href="bookshop.ejs" class="bookcase nava">
            <p>书架</p>

        </a></li>
        <li><a href="search.ejs" class="search nava">
            <p>搜索</p>

        </a></li>
        <li><a href="personal.ejs" class="personnal nava">
            <p>个人中心</p>

        </a></li>
    </ul>
</nav>
</body>
<script src="../public/js/personal.js"></script>
</html>